<!--
 * @Descripttion: 
 * @Version: 1.0
 * @Author: 何志龙
 * @Date: 2023-11-09 09:37:27
 * @LastEditors: 何志龙
 * @LastEditTime: 2023-11-09 09:44:03
-->
<template>
    <div class="fileData">
      <van-tabs v-model="active" color="#007DFB" line-width="60px" line-height="4px" title-active-color="#007DFB">
        <van-tab title="规划许可证">
            <upLoad :rowData="rowData" :FJData="FJData1" :isReadOnly="false" :SHITUID="'98bcf528966e48ce896a8b3fd02d45d5'" :UpLoadID="'7a3fc061c866434b8475d3775c9ddcea'" />
        </van-tab>
        <van-tab title="宅基地批准书">
            <upLoad :rowData="rowData" :FJData="FJData2" :isReadOnly="false" :SHITUID="'98bcf528966e48ce896a8b3fd02d45d5'" :UpLoadID="'7a3fc061c866434b8475d3775c9ddcea'" />
        </van-tab>
        <van-tab title="施工备案证">
            <upLoad :rowData="rowData" :FJData="FJData3" :isReadOnly="false" :SHITUID="'98bcf528966e48ce896a8b3fd02d45d5'" :UpLoadID="'7a3fc061c866434b8475d3775c9ddcea'" />
        </van-tab>
      </van-tabs>
    </div>
  </template>
  
  <style lang="scss" scoped>
  .fileData {
    padding: 10px;
    font-size: 14px;
    height: 100vh;
    color: black;
  
    .huadong {
      height: 84vh;
      overflow: auto;
    }
  
    .top {
      font-weight: 548;
  
      h3 {
        line-height: 36px;
      }
  
      .p {
        line-height: 24px;
        height: 70px;
      }
    }
  
    .middle {
      h3 {
        line-height: 36px;
      }
  
      .p {
        line-height: 24px;
        height: 30px;
      }
    }
  
    .footer {
      position: fixed;
      bottom: 10px;
      right: 50%;
      transform: translateX(50%);
    }
  }
  </style>
  
  <script>
  import upLoad from '@/utils/upLoad'
  import { GJDBFunction2 } from '@/utils/queryData'
  export default {
    data() {
      return {
        active: 0,
        rowData: {},
        FJData1: [
          {
            title: '',
            groupGuid: 'e44e3da4-dc5a-434e-b682-033bf47ff1f4',
            FileName: [],
            fileList: []
          }
        ],
        FJData2: [
          {
            title: '',
            groupGuid: '618bd7e6-cd39-46c2-b0f7-56eef4bbb456',
            FileName: [],
            fileList: []
          }
        ],
        FJData3: [
          {
            title: '',
            groupGuid: '60bbe816-89e9-4f05-a5b5-dcd245594d7e',
            FileName: [],
            fileList: []
          }
        ]
      }
    },
    created() {
      
    },
    beforeDestroy() {
      // 移除对 sessionStorage 的监听
      window.removeEventListener('setItem', () => {})
    },
    mounted() {},
    methods: {
      
      
      
    },
    components: {
      upLoad
    }
  }
  </script>
  